<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- if语句中（）的值，接收boolean类型，如果不是boolean，会强制转换成boolean -->
    <script>
        var age = 20;
        if(age){
            alert("ok")
        }
        var test = document.getElementsByClassName("test")[0];
        if(test){
            test.style.color="red";
        }
        else{
            console.log("没有获取test");
        }

    </script>
    <div div="test">hello world</div>

    <!-- if--else -->
    <script>
        var age = 20;
        if(age>=22){
            alert("可以结婚");
        }
        else{
            alert("不行");
        }
    </script>

    <!-- if--else if--else
        多条件判断时，最大的条件写在最前面， -->
    <script>
        var age = 20;
        if(age>=22){
            alert("结婚");
        }
        else if(age>18){
            alert("上网");
        }
        else{
            alert("家里蹲");
        }

    </script>
    <script>
        var age = 20;
        if(age>=18 && age<22){
            alert("上网");
        }
        else if(age>=22){
            alert("结婚");
        }
        else{
            alert("家里蹲");
        }

    </script>
</body>
</html>